<template>
	<div id="Lottery_Manage">
		<tab-text
			:tabpaneArr="[
				{
					label: '基础设置',
					name: 'p1',
					slotName: 'BasicSettings',
					show: true
				},
				{
					label: '派奖方式',
					name: 'p2',
					slotName: 'AwardMethod',
					show: true
				},
				{
					label: '获奖设置',
					name: 'p3',
					slotName: 'AwardSetting',
					show: true
				},
				{
					label: '高级设置',
					name: 'p4',
					slotName: 'AdvancedSetting',
					show: true
				}
			]"
			active="p3"
		>
			<BasicSettings slot="BasicSettings" />
			<!-- ================================================ -->
			<AwardMethod slot="AwardMethod" />

			<!-- ================================================ -->
			<AwardSetting slot="AwardSetting" />
			<!-- ================================================ -->
			<AdvancedSetting slot="AdvancedSetting" />
		</tab-text>
	</div>
</template>
 <script>
	export default {
		name: 'LotteryManage',
		data() {
			return {};
		},

		components: {
			'tab-text': () => import('@/components/common/TabText.vue'),
			BasicSettings: () => import('./LotteryManage/BasicSettings.vue'),
			AwardMethod: () => import('./LotteryManage/AwardMethod.vue'),
			AwardSetting: () => import('./LotteryManage/AwardSetting.vue'),
			AdvancedSetting: () => import('./LotteryManage/AdvancedSetting.vue')
		}
	};
</script>
<style lang='scss'>
	#Lottery_Manage {
	}
</style>